<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图床——学校社团</title>
    <style>
        .images-list{
            display: flex;
            flex-wrap: wrap;
            /*align-items: center;*/
            justify-content: center;
        }
        img{
            width:400px;
            padding: 10px;
            margin: 10px;
            background-color: #ddd;
        }
        h4{
            text-align: center;
        }
    </style>
</head>
<body>
<h1 style="text-align: center;">佛大新生小助手图库——学校社团</h1>
<div id="images" class="images-list">

</div>
<script>
    let imagesList=['shetuan\\benxin-logo.jpg', 'shetuan\\caideng-logo.png', 'shetuan\\chawenhua-logo.jpg', 'shetuan\\chunyan-logo.jpg', 'shetuan\\dianjing-logo.jpg', 'shetuan\\dingyan-logo.jpg', 'shetuan\\dizi-logo.jpg', 'shetuan\\dongman-logo.jpg', 'shetuan\\dushu-logo.jpg', 'shetuan\\dushujulebu-logo.jpg', 'shetuan\\ERP-logo.jpg', 'shetuan\\ETV-logo.png', 'shetuan\\falv-logo.jpg', 'shetuan\\feiyi-logo.jpg', 'shetuan\\feiyue-logo.jpg', 'shetuan\\fengjing-logo.png', 'shetuan\\FUSB-logo.jpg', 'shetuan\\gongfu-logo.png', 'shetuan\\guangdian-logo.jpg', 'shetuan\\guanli-logo.jpg', 'shetuan\\guofang-logo.jpg', 'shetuan\\huaju-logo.jpg', 'shetuan\\huanbao-logo.jpg', 'shetuan\\jaidian-logo.jpg', 'shetuan\\jianmei-logo.jpg', 'shetuan\\jianqiu-logo.jpg', 'shetuan\\jianzhu-logo.jpg', 'shetuan\\jingji-logo.jpg', 'shetuan\\jingying-logo.png', 'shetuan\\jiqiren-logo.jpg', 'shetuan\\jisuanji-logo.png', 'shetuan\\jita-logo.png', 'shetuan\\jixie-logo.jpg', 'shetuan\\koucai-logo.jpg', 'shetuan\\ladingwu-logo.jpg', 'shetuan\\lanqiu-logo.jpg', 'shetuan\\longhzou-logo.jpg', 'shetuan\\lunhua-logo.jpg', 'shetuan\\menggongchang-logo.png', 'shetuan\\moshu-logo.jpg', 'shetuan\\moyun-logo.png', 'shetuan\\paiqiu-logo.jpg', 'shetuan\\qiche-logo.jpg', 'shetuan\\qiye-logo.jpg', 'shetuan\\shehui-logo.jpg', 'shetuan\\sheji-logo.jpg', 'shetuan\\sheying-logo.jpg', 'shetuan\\shipin-logo.jpg', 'shetuan\\shuxin-logo.jpg', 'shetuan\\taiqiu-logo.jpg', 'shetuan\\taiquandao-logo.jpg', 'shetuan\\tujian-logo.jpg', 'shetuan\\tumu-logo.jpg', 'shetuan\\wangqiu-logo.jpg', 'shetuan\\wulianwang-logo.png', 'shetuan\\wushu-logo.jpg', 'shetuan\\xiaoqionghua-logo.jpg', 'shetuan\\xinglin-logo.jpg', 'shetuan\\xinmeiti-logo.jpg', 'shetuan\\xinxi-logo.jpg', 'shetuan\\xumu-lpgp.jpg', 'shetuan\\yanglitu.png', 'shetuan\\yingyu-logo.jpg', 'shetuan\\yizhou-logo.jpg', 'shetuan\\youyong-logo.png', 'shetuan\\yuanyi-logo.jpg', 'shetuan\\yuntu-logo.jpg', 'shetuan\\zhaoming-logo.jpg', 'shetuan\\zhengfa-logo.jpg', 'shetuan\\zhengquan-logo.jpg', 'shetuan\\zhuying-logo.jpg', 'shetuan\\zidonghua-logo.jpg', 'shetuan\\zixingche-logo.jpg', 'shetuan\\zuxie-logo.jpg'];
    for(let i=0;i<imagesList.length;i++) {
        document.getElementById("images").insertAdjacentHTML('beforeend', '<div><h4>'+(i+1)+'、'+imagesList[i]+'</h4><img src="'+imagesList[i]+'"></div>');
    }
</script>
</body>
</html>
